<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
	</head>

	<body>
		<!--header-->
		<header>
			<div class="container_1">
				<h1><a><img src="images/top/logo.png"/></a></h1>
				<p>
					<a href="#" class="login">Login</a>
					<a href="#" class="signup">Sign Up</a>
				</p>
				<nav>
					<a href="index.html" class="active">Home</a>
					<a href="#">Interst</a>
					<a href="#">Academic</a>
					<a href="#">Jobs</a>
					<a href="#">Life</a>
				</nav>
			</div>
		</header>
		<!--banner-->
		<section class="banner">
			<ul class="banner_img">
				<li><img src="images/banner.png" /></li>
				<li><img src="images/banner.png" /></li>
				<li><img src="images/banner.png" /></li>
				<li><img src="images/banner.png" /></li>
				<li><img src="images/banner.png" /></li>
			</ul>
			<ul class="dots">
				<li class="active"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</section>
		<!--honor-->
		<section class="honor claerfix">
			<div class="container">
				<img src="images/honor/honor.png" />
				<div class="title">
					<p class="line"></p>
					<h2>HONOR LIST</h2>
					<p class="line"></p>
				</div>
			</div>
			<aside>
				<ul class="head_info">
					<li class="active">Wealth</li>
					<li>Expenditure</li>
					<li>Donate</li>
					<a href="javascript:;" title="更多"><img src="images/more.png" /></a>
				</ul>
				<ul class="content">
					<li>
						<span><img src="images/honor/first_1.png"/><i>1 st</i></span>
						<span><img src="images/honor/user_1.png"/><i>Kendall J.</i></span>
						<span>100 virtual current</span>
					</li>
					<li>
						<span><img src="images/honor/second_2.png"/><i>2 nd</i></span>
						<span><img src="images/honor/user_2.png"/><i>Alba</i></span>
						<span>1000 virtual current</span>
					</li>
					<li>
						<span><img src="images/honor/third_3.png"/><i>3 rd</i></span>
						<span><img src="images/honor/user_3.png"/><i>Jenny Rivera</i></span>
						<span>800 virtual current</span>
					</li>
					<li>
						<span><img src="images/honor/more_n.png"/><i>4 th</i></span>
						<span><img src="images/honor/user_4.png"/><i>Gary B.</i></span>
						<span>80 virtual current</span>
					</li>
					<li>
						<span><img src="images/honor/more_n.png"/><i>5 th</i></span>
						<span><img src="images/honor/user_5.png"/><i>David J.</i></span>
						<span>70 virtual current</span>
					</li>
					<li>
						<span><img src="images/honor/more_n.png"/><i>6 th</i></span>
						<span><img src="images/honor/user_6.png"/><i>S.Holmes.</i></span>
						<span>60 virtual current</span>
					</li>
				</ul>
			</aside>
			<article>
				<div class="border">
					<p>The people who get on in this world are the people who get up and look for circumstances they want, and if they cannot find them,make them. --Bennar-a Shaw</p>
				</div>
			</article>
		</section>
		<!--donate-->
		<section class="donate claerfix">
			<div class="container">
				<img src="images/donate/donate.png" />
				<div class="title">
					<p class="line"></p>
					<h2>DONATE</h2>
					<p class="line"></p>
				</div>
			</div>
			<aside>
				<h3>Donations Information</h3>
				<a title="更多"><img src="images/more.png" /></a>
				<ul>
					<li>
						<p>Tom donated $ 10 to the platform and earned 100 virtual conins</p>
						<time>01/22/2018</time>
					</li>
					<li>
						<p>Tom donated $ 10 to the platform and earned 100 virtual conins</p>
						<time>01/22/2018</time>
					</li>
					<li>
						<p>Tom donated $ 10 to the platform and earned 100 virtual conins</p>
						<time>01/22/2018</time>
					</li>
					<li>
						<p>Tom donated $ 10 to the platform and earned 100 virtual conins</p>
						<time>01/22/2018</time>
					</li>
					<li>
						<p>Tom donated $ 10 to the platform and earned 100 virtual conins</p>
						<time>01/22/2018</time>
					</li>
					<li>
						<p>Tom donated $ 10 to the platform and earned 100 virtual conins</p>
						<time>01/22/2018</time>
					</li>
					<li>
						<p>Tom donated $ 10 to the platform and earned 100 virtual conins</p>
						<time>01/22/2018</time>
					</li>
				</ul>
			</aside>
			<article>
				<div class="donate_p">
					<h3>Donate</h3>
					<p><strong>Prompt:</strong> After the success of donation funding platform will give you a certain amount of virtual cur -rency to you!
					</p>
					<input type="button" value="Donate" />
				</div>
				<div class="ad">
					<h3>Advertising</h3>
					<img src="images/donate/donate_ad_1.png" alt="" />
					<span>University</span>
					<img src="images/donate/donate_ad_2.png" alt="" />
					<span>University</span>
				</div>
			</article>
		</section>
		<!--advice-->
		<section class="advice claerfix">
			<div class="container">
				<img src="images/advice/advice.png" />
				<div class="title">
					<p class="line"></p>
					<h2>ADVICE</h2>
					<p class="line"></p>
				</div>
			</div>
			<aside>
				<img src="images/advice/advice_banner.png" alt="" />
			</aside>
			<article>
				<i class="icon"><img src="images/advice/icon.png"/></i>
				<h3>Advice Column</h3>
				<a href=""><img src="images/more.png" /></a>
				<p>In order to better serve the site,please put forward your valuable advice</p>
			</article>
		</section>
		<!--footer-->
		<footer class="claerfix">
			<dl>
				<dt>ABOUT</dt>
				<dd>NewWorld.net is a comprehensive website that provides an efficient source of resources and convenience for our every -day lives. We can easily discover, share and create a new world.
				</dd>
			</dl>
			<dl>
				<dt>SUPPORT</dt>
				<dd>Premium Support</dd>
				<dd>Get Started</dd>
				<dd>Partners</dd>
			</dl>
			<dl>
				<dt>Help Center</dt>
				<dd>Help Center</dd>
				<dd>Contact Us</dd>
			</dl>
			<div class="footer_f">
				<p>© 2018 NewWorld. All rights reserved.</p>
			</div>
		</footer>
	</body>

</html>